@import '~antd/es/style/themes/default.less';
@import '~@/assets/stylesheet/common.less';

@pro-table-prefix-cls: ~'@{ant-prefix}-pro-table';

.@{pro-table-prefix-cls} {
  z-index: 1;
  &:not(:root):fullscreen {
    min-height: 100vh;
    overflow: auto;
    background: @component-background;
  }

  .@{ant-prefix}-pagination {
    padding: 6px 14px;
    background: @component-background;
    margin: 14px 0;
    border-radius: 4px;
    box-shadow: 0 0px 6px rgba(71, 119, 231, 0.2);
  }
  .ant-pagination-item-active,
  .ant-pagination-item {
    border-color: transparent;
  }
  .ant-table.ant-table-middle .ant-table-thead > tr > th,
  .ant-table.ant-table-middle .ant-table-tbody > tr > td {
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    border-color: transparent;
  }
  .@{ant-prefix}-table-container {
    border-radius: 4px;
    box-shadow: 0 0px 6px rgba(71, 119, 231, 0.2);
  }

  .@{ant-prefix}-card {
    background-color: transparent;
  }
  .@{ant-prefix}-table-body {
    .scrollCommon();
    overflow-y: auto !important;
  }

  .@{ant-prefix}-table-row .@{ant-prefix}-table-cell:first-child {
    padding-left: 24px;
    a {
      padding: 0;
    }
  }
  .@{ant-prefix}-table-tbody > tr.ant-table-row {
    & > td {
      border-bottom: 0;
    }
    &:nth-child(2n + 1) {
      & > td {
        background-color: #f8f9fd;
      }
    }
    &:hover {
      & > td {
        background-color: #e4eef8;
      }
    }
  }
  .@{ant-prefix}-table-thead > tr > th {
    background-color: #5a8bff;
    padding: 13px 14px;
    color: #fff;
    .ant-table-filter-trigger,
    .ant-table-filter-trigger-container-open .ant-table-filter-trigger,
    .ant-table-filter-trigger:hover {
      color: #fff;
    }
    .ant-table-filter-trigger-container-open {
      background-color: #4877e9;
    }
    .ant-table-filter-trigger-container {
      &:hover,
      &:focus {
        background-color: #4877e9;
      }
    }
  }

  .@{ant-prefix}-table-content tr:first-child > th:first-child {
    padding-left: 24px;
    a {
      padding: 0;
    }
  }

  td.@{ant-prefix}-table-cell {
    > a {
      font-size: 14px;
    }
  }
}
